<template>
  <div style="width: 100%;height: 100%;overflow: auto;position: relative;">
  	<div style="">
        <div class="aui-list-item-title" style="text-align:center;padding:0.5rem 0.5rem;font-size: 0.84rem;
        	position: fixed;top: 0;left: 0;width: 100%;height:2.2rem;z-index: 9;background-color: #ffffff ;">{{BillKnows[0]?BillKnows[0].title:''}}</div>
        <ul class="aui-list aui-list-in"  style="padding:0.75rem 0.75rem;width: 100%;height: 100%;margin: 2.2rem 0;">
            <!-- <li v-for="(item,index) in BillKnows" :key="index" > -->
            <li >
                <!-- <span style="display:inline">{{index + 1}}.</span> -->
                <div style="text-align:left;" v-html="BillKnows[0]? BillKnows[0].detail:''">}</div>
            </li>
            <!-- <li class="aui-list-item">
                <span>1.</span>
                <div>发票须知内容发票须知内容发票须知内容发票须知内容</div>
            </li>
            <li class="aui-list-item">
                <span>1.</span>
                <div>发票须知内容发票须知内容发票须知内容发票须知内容</div>
            </li>
            <li class="aui-list-item">
                <span>1.</span>
                <div>发票须知内容发票须知内容发票须知内容发票须知内容</div>
            </li>
            <li class="aui-list-item">
                <span>1.</span>
                <div>发票须知内容发票须知内容发票须知内容发票须知内容</div>
            </li>
            <li class="aui-list-item">
                <span>1.</span>
                <div>发票须知内容发票须知内容发票须知内容发票须知内容</div>
            </li>
            <li class="aui-list-item">
                <span>1.</span>
                <div>发票须知内容发票须知内容发票须知内容发票须知内容</div>
            </li>
            <li class="aui-list-item">
                <span>1.</span>
                <div>发票须知内容发票须知内容发票须知内容发票须知内容</div>
            </li>
            <li class="aui-list-item">
                <span>1.</span>
                <div>发票须知内容发票须知内容发票须知内容发票须知内容</div>
            </li> -->
        </ul>
        <div class="IKnow" @click.stop="isPopupVisible" style="">
            	我知道了
        </div>
  </div>
</div>
</template>
<script>
	// import MyHeader from "../header";
	import axios from "axios";
    import { mapState, mapGetters, mapMutations } from "vuex";
    import {Popup, MessageBox} from 'mint-ui';
	// import ButtonToTop from '../../real-components/ButtonToTopForTest';
	export default {
		data(){
			return {
                storeCode:"",
			}
		},
		props: {
	        BillKnows: {
				type: Array,
				default: []
			},
	    },
		components:{
			// "my-header":MyHeader,
			// ButtonToTop,
		},
		methods: {
            isPopupVisible(){
                
                let data = {
                    isPopupVisible:false,
                }
                this.$emit('switch',data);//select事件触发后，自动触发showCityName事件 
            },
			
        },
        created(){
           
        },
        mounted() {
            
        },
	}
</script>

<style>
	.IKnow{
			padding:0.5rem .5rem 0.5rem 0.5rem;
			text-align:center;
			width: 100%;
			background-color: #ffffff;
			z-index: 9;
			box-sizing: border-box;
      border-top:1px solid #969896;
      font-size: 0.84rem;
      margin-top: 0.75rem;
      position: fixed;
      bottom:0;
      left:0;
      box-sizing: border-box;
      color: red;
	}
</style>
